<template>
  <div id="app">
    <div class="container">
      <div class="left">
        <h2>认识氨氮</h2>
        <p>
          氨氮主要来源于水生生物的排泄物、肥料、被微生物分解的饲料、粪便及动植物尸体。水体中的氨氮偏高会使鱼类中毒，急性中毒时可发生肌肉痉挛、眼球出现回转反射障碍，甚至出现异常旋转游泳等症状，严重时窒息死亡。
        </p>
      </div>
      <div class="middle">
        <h2>典型案例</h2>
        <div class="carousel">
          <el-carousel indicator-position="outside" height="800px">
            <el-carousel-item v-for="item in list" :key="item.id">
              <div class="imgBox">
                <img :src="item.img" alt="">
              </div>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
      <div class="right">
        <h2>对付氨氮小妙招</h2>
        <p>用增氧机：根据不同天气状况在不同时间开增氧机1～2h，以便池水上下交流，将上层溶氧充足的水输入底层，并可散逸分子氨和有毒气体到大气中。</p>
        <p>抽出底层水20~30cm，并注入新水。</p>
        <p>使用增氧剂: 使用氧化剂用次氯酸钠全池泼洒，使池水浓度达到0．3～0．5mg／L</p>
        <p>二氧化氯全池泼洒，使池水浓度达到5mg／L。泼洒沸石粉225～300kg／hm。，可吸附部分分子氨。</p>
        <p>泼洒微生物制剂，每隔几天左右泼洒一次，效果更佳且持续长久。</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AN',
  data() {
    return {
      list: [
        {
          id: 1,
          img: require('@/assets/wq/an1.jpg'),
        },
        {
          id: 2,
          img: require('@/assets/wq/an2.jpg'),
          // img: require('')
        },
        {
          id: 3,
          img: require('@/assets/wq/an3.jpg'),
        }
      ]
    }
  }
}
</script>

<style scoped>
p{
  letter-spacing: 5px;
  line-height: 2;
}
/* 布局样式 */
.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
}
.left,
.right {
  flex-basis: 20%;
}
.middle {
  flex-grow: 1;
  margin: 0 20px;
}
/* 图片轮播样式 */
.carousel {
  overflow: hidden;
  position: relative;
}
.carousel img {
  width: 100%;
  height: auto;
  display: block;
}
.carousel .slide {
  animation: slide 5s infinite;
}
@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
</style>